<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>个人网页</title>
        <style type="text/css">
        *{
				margin: 0;
				padding: 0;
			}
        body{
				background-color: aliceblue;
        }
        .head{
            text-align: center;
            color: black;
            background-color: rgb(181, 240, 255);
            height: 60px;
            line-height: 60px;
        }
        .content{
            margin-left: auto;
            margin-right: auto;
            width: 400px;
            border: darkgray;
            background-image: url(img/timg2.jpg);
            padding: 10px;
        }
        .search{
            width: 280px;
            height: 30px;
        }
        .button{
            width: 100px;
            height: 30px;
            color: black;
            background-color: rgb(190, 226, 190);
            border-color: rgb(132, 233, 203);
        }
        .title{
            color: slateblue;
            margin-top: 20px;
            padding-left: 30px;
        }
        .image{
            width: 400px;
            margin-top: 10px;
            margin-bottom: 10px;
        }
        p{
            color: dimgray;
            padding: 5px;
        }
        </style>
    </head>
    <body>
        <h3 class="head">
			个人网站
		</h3>
		<div class="content">
			<input type="text" class="search" />	
			<button class="button">百度一下</button>
			<h3 class="title">| About Us |</h3>
			<img src="img/timg1.jpg" alt=""  class="image"/>
			<p>关于单纯的信任</p>
		　　<p>关于拥抱的心疼</p>
		　　<p>关于青春 那件傻事的余震</p>
		　　<p>就用这一首歌来作证</p>
		　　<p>2015年 周笔畅 反思青春 温情解读关于（我们）</p>
			<a href="htttp://www.baidu.com">去百度</a>
			<a href="htttp://www.taobao.com">去淘宝</a>
		</div>
    </body>

</html>